<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:og="http://ogp.me/ns#"
  xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<meta charset="utf-8" />
<title>Santorini Water Fantasy</title>

<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">

{function="jquery()"}

<script>
	$(document).ready(function(){

		$('.mainmenu li a').mouseover( function(){

		});

		$('.mainmenu li a').mouseout( function(){

		});

		function up(obj){
			$(obj).animate({
				marginTop : '15px'
			}, 2000, "linear", function() {
				down(obj)
			});
		}

		function down(obj){
			$(obj).animate({
				marginTop : '-15px'
			}, 2000, "linear", function() {
				up(obj)
			});
		}

		down($('.mainmenu li').eq(0));
		up($('.mainmenu li').eq(1));
		down($('.mainmenu li').eq(2));
		up($('.mainmenu li').eq(3));
		down($('.mainmenu li').eq(4));
		up($('.mainmenu li').eq(5));
	});
</script>

<meta property="og:title" content="{$gallery['plaything']}" />
<meta property="og:description" content="{$gallery['detail']}" />
<meta property="og:app_id" content="612262128827570" />
<meta property="og:type" content="article"/>

</head>

<body>

<div id = "header"><div id = "header-water">
	<div class = "wrapper">
		<a href="home.html" class="logo"><img src="images/logo.png"/></a>

		<div class = "lang">
			<a href = "?dsfm_lang=th{$path}" {if="$dsfm_lang=='th'"} class = "active" {/if}>>TH</a>
			<a href = "?dsfm_lang=en{$path}" {if="$dsfm_lang=='en'"} class = "active" {/if}>>EN</a>
		</div>

		<div class = "social">
			<a href = "#"><img src="images/facebook.png"/></a>
			<a href = "#"><img src="images/youtube.png"/></a>
			<a href = "#"><img src="images/ig.png"/></a>
		</div>

		<ul class = "mainmenu">
			<li><a href = "home.html" class="color1 s80"><span>Home</span></a></li>
			<li><a href = "about.html" class="color2 s88"><span>About</span></a></li>
			<li style = "margin:0 30px 0 40px;"><a href = "explore.html" class="color1 s110"><span>Explore Ride<br> &amp; <br>attractions</span></a></li>
			<li style = "margin:0 30px 0 40px;"><a href = "gallery.html" class="color2 s88"><span>Gallery<br> &amp; <br>Chennel</span></a></li>
			<li><a href = "shop.html" class="color1 s92"><span>Shop <br> &amp; <br>Facilities</span></a></li>
			<li><a href = "contact.html" class="color2 s92"><span>Contact Us</span></a></li>
		</ul>

	</div>

	<div class="waterbar"></div>
</div></div>